<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>朋友动态</title>
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="stylesheet" type="text/css" href="plugins/aui-20170109-v2/css/aui.css">
    <link href="css/friend-dynamics.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<!--头部开始-->
<header class="aui-bar aui-bar-nav">
    <a class="aui-pull-left aui-btn">
        <span class="aui-iconfont aui-icon-left"></span>返回
    </a>
    <div class="aui-title">朋友动态</div>
    <div class="aui-box-img">
        <img src="img/friendDynamics-img/pydt_03.jpg" class="camera">
        <div class="aui-box-nav">
            <ul>
                <li>记录生活</li>
                <li>视频/拍照</li>
                <li>从相册选择</li>
            </ul>
        </div>
    </div>
</header>
<!--头部结束-->
<!--开始页面主体部分-->
<div class="aui-card-list">
    <div class="aui-card-list-header aui-card-list-user aui-border-b">
        <div class="aui-card-list-user-avatar">
            <img src="img/friendDynamics-img/pydt_11.jpg" class="aui-img-round" />
        </div>
        <div class="aui-card-list-user-name">
            <div>李</div>
            <small><img src="img/friendDynamics-img/pydt_14.jpg" class="aui-img-round" /></small>
        </div>
        <div class="aui-card-list-user-info">04-06 12：51</div>
        <div class="clear-fix"></div>
        <div class="aui-card-list-user-text">
            我共享了1张优惠券，无需领取，到店买单即可使用，  仅此一张，小伙伴们先到先得哦，不谢!
        </div>
    </div>
    <div class="aui-card-list-content-padded">
        <img src="img/friendDynamics-img/pydt_18.jpg" />
        <div class="aui-card-list-content-padded-text">太白山24元代金券</div>
    </div>
    <div class="aui-card-list-footer aui-border-t">
        <div><i class="aui-iconfont aui-icon-land"></i> 赞</div>
        <div><span class="aui-iconfont aui-icon-discuss"></span> 评论</div>
        <div class="reward-container"><span class="aui-iconfont aui-icon-reward"></span>
            打赏
            <div id="reward">
                <ul>
                    <li class="head-img"><img src="img/grzx_03.jpg"></li>
                    <li class="price">
                        <div>
                            <span id="price">￥0.75</span>
                            <i class="aui-iconfont aui-icon-recovery" onclick="demo()"></i>
                        </div>
                        <p>输入金额</p>
                    </li>
                    <li>
                        <button>赏</button>
                        <p class="text">打赏不超过1元，无需输入支付宝密码</p>
                    </li>
                    <li>使用余额宝付款，<a href="#">更换</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>

<div class="aui-card-list">
    <div class="aui-card-list-header aui-card-list-user aui-border-b">
        <div class="aui-card-list-user-avatar">
            <img src="img/friendDynamics-img/pydt_11.jpg" class="aui-img-round" />
        </div>
        <div class="aui-card-list-user-name">
            <div>李</div>
            <small><img src="img/friendDynamics-img/pydt_14.jpg" class="aui-img-round" /></small>
        </div>
        <div class="aui-card-list-user-info">04-06 12：51</div>
        <div class="clear-fix"></div>
        <div class="aui-card-list-user-text">
            我共享了1张优惠券，无需领取，到店买单即可使用，  仅此一张，小伙伴们先到先得哦，不谢!
        </div>
    </div>
    <div class="aui-card-list-content-padded">
        <img src="img/friendDynamics-img/pydt_18.jpg" />
        <div class="aui-card-list-content-padded-text">太白山24元代金券</div>
    </div>
    <div class="aui-card-list-footer aui-border-t">
        <div><i class="aui-iconfont aui-icon-land"></i> 赞</div>
        <div><span class="aui-iconfont aui-icon-discuss"></span> 评论</div>
        <div><span class="aui-iconfont aui-icon-reward"></span> 打赏</div>
    </div>
</div>
<!--结束页面主体部分-->
<div class="mask"></div>
<script type="text/javascript" src="js/friend-dynamics.js"></script>
</body>
</html>